@import url("jquery-ui-1.8.9.custom.css");
@import url("uploadify.css");
@import url("jquery.fancybox-1.3.4.css");
@import url("jquery.treeview.css");

body {
  font-family: Verdan, Geneva, sans-serif;
  font-size: small;
  background: url('img/vrsek.jpg') no-repeat top;
  color: #555;
}

a {
  text-decoration: none;
  color: #444;
}

a:hover {
  color: #b40000;
}

#container {
  width: 980px;
  margin: 0px auto;
}

#top {     
  height: 94px;     
}

#top>a {
  display: block;
  height: 94px;
  width: 500px; 
  float: left;
}

#menu {               
  height:60px;
  position:relative;   

}

#menu ul {
  margin:0;
  padding:0;
  position: absolute;
  top: 10px;
  left:10px;

}

#menu ul li {
  float: left;   
  margin: 0px -4px 0px -4px;   
  list-style-type: none;
  background:transparent url('img/menu_normal.png') no-repeat;
  text-align: center;
  width:108px;
  height:30px;
}

#menu ul li a {
  float: left;      
  font-size:8pt;
  text-transform:uppercase;     
  text-decoration:none;
  color: #444;
  display: block;
  width: 100px;
  height: 22px;
  padding-top: 8px;       
}

#menu ul li a:hover {
  color: #b40000;
}

#menu ul li a.active {
  background:transparent url('img/menu_active.png') no-repeat;
  color:#000;
  width: 107px;
  height:37px;
  font-weight:bold;
  margin-top: -3px;
  padding-top: 10px;
}

.clear {
  clear: both;
}

#body {
  background: url('img/bot.jpg') no-repeat bottom;
  min-height: 250px;
}

#body-container {
  width: 970px;
  margin: 20px;
  float: left;
}

#left-container {
  float: right;
  width: 200px;
 /* min-height: 300px;*/
  position: absolute;
  left: 67%;
  top: 184px;
}



#footer {
  background: url('img/bottom.jpg') no-repeat;
  width: 980px;
  height: 32px; 
  padding: 10px; 
  color: #666;
}

img {
  border: 0px;
}

.item_album {
  float:left;
  text-align: center;
  margin: 10px 10px 10px 10px;  
}

.item_photo {
  float:left;
  text-align: center;
  margin: 4px; 
}

.image_name {
  width: 130px;
  overflow: auto;
}

.image {
  width: 129px;
  height: 129px;
  background: url('img/image.png') no-repeat;
  display: table-cell;
  vertical-align: middle;     
}

.image .landscape {  
  width: 110px;/*116px; */   
}

.image .portrait {
  height: 110px;
}

.folder {
  background: url('img/folder.png') no-repeat;
  width: 151px;
  height: 115px;
  text-align: center;
}

.folder a{ 
  position: relative;  
  top: 18px;
  left: 8px;  
  display: block;
  width: 110px;
  height: 90px;
  color: #b40000;
  font-weight: normal;
  overflow: hidden;
} 

.folder a.protected {
  background: url("img/protection_public.png") no-repeat scroll right top transparent;
}

.folder a.password {
  background: url("img/protection_password.png") no-repeat scroll right top transparent;
}

.folder a.private {
  background: url("img/protection_private.png") no-repeat scroll right top transparent;
}
/*
.folder a.public {
  background: url("img/protection_public.png") no-repeat scroll right top transparent;
}*/

.error {
  border: 3px double #aaa;
  background: #900;
  color: #fff;
  padding: 5px 15px 5px 15px;  
  -moz-border-radius: 10px;  
}

#find {
    float: right;
}
#find button {
    border: 0px;
    width: 18px;
    height: 20px;
    background: url("img/find.png");
    position: relative;
    top: -4px;
}

#find button span {
    display: none;
}


#find input {
  color: #999;
}


fieldset {
    border: 3px double;
}

#loginForm {
  display: none;
  margin-left: auto;
  margin-right: auto;
  width: 261px;
}
/*
#loginForm label {
  display: block;
  float: left;
  margin: 15px 10px 0px 0px;
  padding:  0px 0px 0px 0px;
  text-align: right;
}

#loginForm input[type=checkbox] {
  width: auto;
  float: left;
}

#loginForm input[type=submit] {
  width: 100%;
}

#loginForm input {
  float: right;
  width: 150px;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* Overlay */
#simplemodal-overlay {
  background-color:#000; 
  cursor:wait;
}

/* Container */
#simplemodal-container {
  height:180px; 
  width:300px; 
  color:#bbb; 
  background-color:#333; 
  border:4px solid #444; 
  padding:12px;
}
/*#simplemodal-container .simplemodal-data {padding:8px;}*/
/*#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}*/
/*#simplemodal-container a {color:#ddd;}*/
#simplemodal-container a.modalCloseImg {
  background:url(img/x.png) no-repeat; 
  width:25px; 
  height:29px; 
  display:inline; 
  z-index:3200; 
  position:absolute; 
  top:-15px; 
  right:-16px; 
  cursor:pointer;
}
/*#simplemodal-container h3 {color:#84b8d9;}*/

.languages {
  margin-right: 20px;
}

#languages a {  
  color: #000066;
  /*display: none;*/
}

#loggedUser {
  float: right;
  text-align: center;
  margin-right: 20px;
}

#loggedUser img {
  border: 3px double #ccc;    
}
/*
.description {
  display:none;
  position: absolute;
  width: 300px;
  color: #cccccc;
  background-color: #666666;
  z-index: inherit;
}*/

.tooltip_photo {
  display:none;
}

.tooltip_album {
	display:none;
	/*background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);*/
	/*height:163px;*/
	padding:20px 20px 20px 20px;
	/*width:310px;*/
	font-size:8pt;
	color:#fff;
  background-color: #777;
  border: 3px double #ccc;
  -moz-border-radius: 10px;
  /*opacity: 0.9;*/
}
.tooltip_album .tooltip_head {
  width: auto; 
  text-align: center;
  margin-bottom: 10px;  
 
}
.tooltip_album .tooltip div span{
   font-weight: bold;
}

.tooltip_album .tooltip_times{
  margin-top: 10px;
  float: left;
}

.tooltip_album .tooltip_edit {
  margin-top: 10px;
  float: right;
  text-align: right;
}

.tooltip_album .tooltip_edit a {
  /*display: block; */
}

.tooltip_album .tooltip a:hover {
  background-color: #ff3333;
}

.fragment-desc {
  font-size: smaller;
  margin-bottom: .5em;
  color: #555;
}

#album_edit {
   border-bottom: 1px solid #999;
   text-align: right;
   width: 75%;
   padding: 0px 0px 2px 10px;
}

.fullImage a:hover {
  background-color: #ccc;
}

.comment {
  height: auto !important;
  margin: 4px 0;
  min-height: 65px;
  padding: 1px 3px 1px 1px;
  position: relative;
  clear: both;
  /*border: 1px solid #ccc;*/
}

.comment_avatar {
  float: left;
}

.comment_text {
  width: 600px;
  display: inline-block;
  padding-left: 5px;
}

.comment p {
  text-align: justify;
  margin: 0;
  word-wrap: break-word;
}

.comment a {
    font-weight: bold;
}
.comment_date {
    font-size: smaller;
    color: #999;
}

/*
.comment {
    margin: 10px 0px 0px 0px;
    width: 600px;
    text-align: justify;
}
.comment_name {
    font-weight: bold;
}
.comment_date {
    font-size: smaller;
    color: #999;
}
.comment_text {
  display: inline-block;
}
.comment img {
    float: left;
    border: 3px double #ccc;
}*/

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
  background: url(img/star.gif) left -1000px repeat-x;
}
.star-rating{
  position:relative;
  width:125px;
  height:25px;
  overflow:hidden;
  list-style:none;
  margin:0;
  padding:0;
  background-position: left top;
}
.star-rating li{
  display: inline;
}
.star-rating a,
.star-rating .current-rating{
  position:absolute;
  top:0;
  left:0;
  text-indent:-1000em;
  height:25px;
  line-height:25px;
  outline:none;
  overflow:hidden;
  border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
  background-position: left bottom;
}
.star-rating a.star1{
  width:20%;
  z-index:6;
}
.star-rating a.star2{
  width:40%;
  z-index:5;
}
.star-rating a.star3{
  width:60%;
  z-index:4;
}
.star-rating a.star4{
  width:80%;
  z-index:3;
}
.star-rating a.star5{
  width:100%;
  z-index:2;
}
.star-rating .current-rating{
  z-index:1;
  background-position: left center;
}
.inline-rating {
  top: -5px;
  left: -10px;
  position: relative;
  float:right;
  display:-moz-inline-block;
  display:-moz-inline-box;
  display:inline-block;
  vertical-align: middle;
  clear: both;
}

.photoNavigation {
  float:left;
  position: relative;
  left: 10px;
}
